<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <link rel="stylesheet" href="css/layui.css" media="all">
  <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
  <style type="text/css">
    .layui-layer-title{
      text-align: center;
    }
    .dec{
      color: #ff6600;
    }
    .layui-form-item .layui-input-inline{
      margin-left: 95px!important;
    }
    .layui-form-label{
      text-align: left!important;
    }
    .layui-form-item .layui-input-inline{
      margin-bottom: 0!important;
    }
    .layui-form-radio, .layui-form-radio * {
      display: inline-block;
      vertical-align: middle;
      font-size: 14px;
      margin-right: 2px!important;
    }
    .layui-form-radio i{
      padding-top: 2px!important;
    }
    .tel-code{
      position: absolute;
      right: 10px;
      top:6px;
      width: 86px;
      height: 24px;
      text-align: center;
      line-height: 24px;
      border: 1px solid #dedede;
      cursor: pointer;
    }
    .layui-btn{
      width: 100%!important;
    }
  </style>
</head>
<body>
<form class="layui-form" style="overflow: hidden">
  <div class="layui-form-item">
    <label class="layui-form-label"><em class="dec">*</em> 小&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;区</label>
    <div class="layui-input-inline">
      <input type="text" name="" placeholder="请填写小区名称" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label" style="padding-left: 8px;width: 66px">楼&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;栋</label>
    <div class="layui-input-inline" style="width: 78px;display: inline-block;margin-left: 6px!important;">
      <input type="text" name="" placeholder="楼栋" autocomplete="off" class="layui-input">
    </div>
    <div class="layui-input-inline" style="width: 78px;display: inline-block;margin-left: 6px!important;">
      <input type="text" name="" placeholder="单元号" autocomplete="off" class="layui-input">
    </div>
    <div class="layui-input-inline" style="width: 78px;display: inline-block;margin-left: 6px!important;">
      <input type="text" name="" placeholder="门牌号" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label" style="width: 73px"><em class="dec">*</em> 户&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;型</label>
    <div class="layui-input-inline" style="width: 78px;display: inline-block;margin-left: 6px!important;">
      <input type="text" name="" placeholder="室数" autocomplete="off" class="layui-input">
    </div>
    <div class="layui-input-inline" style="width: 78px;display: inline-block;margin-left: 6px!important;">
      <input type="text" name="" placeholder="厅数" autocomplete="off" class="layui-input">
    </div>
    <div class="layui-input-inline" style="width: 78px;display: inline-block;margin-left: 6px!important;">
      <input type="text" name="" placeholder="卫数" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">
      <em class="dec">*</em> 面&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;积
    </label>
    <div class="layui-input-inline">
      <input type="text" name="" placeholder="请填写建筑面积" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label"><em class="dec">*</em> 租&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;金</label>
    <div class="layui-input-inline">
      <input type="text" name="" placeholder="请填写您期望的售价" autocomplete="off" class="layui-input">
    </div>
  </div>
  <p style="border-bottom: 1px solid #d6d6d6;margin: 10px 0 15px"></p>
  <div class="layui-form-item" style="margin-right: -30px">
    <label class="layui-form-label">
      <em class="dec">*</em> 姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名
    </label>
    <div class="layui-input-inline" style="width: 130px;display: inline-block;margin-left: 0px!important;">
      <input type="text" name="" placeholder="请输入您的姓名" autocomplete="off" class="layui-input">
    </div>
    <div class="layui-input-block" style="width: 138px;display: inline-block;margin-left: 0px!important;">
      <input type="radio" name="sex" value="0" title="先生">
      <input type="radio" name="sex" value="1" title="女士" checked>
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">
      <em class="dec">*</em> 联 系 方 式
    </label>
    <div class="layui-input-inline">
      <input type="text" name="" placeholder="请输入手机号" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item" style="position: relative">
    <label class="layui-form-label">
      <em class="dec">*</em> 验&nbsp;&nbsp;&nbsp;证&nbsp;&nbsp;&nbsp;码
    </label>
    <div class="layui-input-inline">
      <input type="text" name="" placeholder="请输入验证码" autocomplete="off" class="layui-input">
    </div>
    <span class="tel-code">获取验证码</span>
  </div>
  <div class="layui-form-item" style="text-align: center">
    <div class="layui-input-block" style="margin: 0">
      <button class="layui-btn" lay-submit lay-filter="*" style="background-color: #ff7b00">一键委托</button>
    </div>
  </div>
</form>
<script src="js/layui.js"></script>
<script>
  layui.use('form', function(){
    var form = layui.form;

    //各种基于事件
  });
</script>